._width{
	width: 100%;
}
._height{
	height: 100%;
}
.flex{
	display: flex;
}

// 自定义页面顶部导航字体样式
// .titleText {
// 	height: 100%;
// 	display: block;
// 	color: #2F2F2F;
// 	font-size: 24rpx;
// 	border: 1px solid red;
// 	width: 100%;
// 	text-align: center;
// }
		
		
 image{
	 width: 100%;
	 height: 100%;
 }
 .mb10{
 	 margin-bottom: 10rpx;
 }
 .mb20{
 	 margin-bottom: 10rpx;
 }
 
 .pad10{
	 padding: 10rpx;
	 box-sizing: border-box;
 }
 .pad20{
 	 padding: 10rpx;
 	 box-sizing: border-box;
 }
 // 省略加换号
 	.dian{
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 1;
 		overflow: hidden;
 		word-wrap: break-word;
 		word-break: break-all;
 		box-sizing: border-box;
 	}
	.dian2{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		word-wrap: break-word;
		word-break: break-all;
		box-sizing: border-box;
		font-weight: 500;
		font-size: 28rpx;
	}
	

 // @font-face {
 // 	font-family: myfont;
	// src: url('~@/static/fontfamily/CKTKingkong.ttf');
 // }

// 顶部导航标题
	.titleText {
		display: block;
		color: #2F2F2F;
		font-size: 28rpx;
		width: 100%;
		text-align: center;
			// border: 1px solid red;
	}


	
/*单行省略*/
@mixin single-line-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.2;
}

/*图片水平垂直居中*/
@mixin image-container {
    @include flex-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 
    img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: bottom;
    }
}

.minHeight{
	height: 100%;
	width: 100%;
	padding-bottom: 130rpx;
	overflow-y: auto;
	
}
// 底部下一步 按钮
		.flexBtn {
			height: 120rpx;
			padding: 45rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			box-sizing: border-box;
			position: fixed;
			left: 0;
			bottom: 0;
			background-color: transparent;

			.submit {
				width: 100%;
				height: 80rpx;
				border-radius: 80rpx;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #ffffff;
				font-weight: bold;
				font-style: normal;
				font-family: PingFangSC, PingFang SC;
				font-size: 32rpx;
				backdrop-filter: saturate(180%) blur(20px);
				-webkit-backdrop-filter: blur(10px);
				
				  animation-name: animated-border;
				  animation: animated-border 3s infinite forwards;
				  
					
				@keyframes animated-border {
				    0% {
						background-color: rgba(204, 160, 96, 1);
				        // box-shadow: rgba(204, 160, 96, .2) 0px 0rpx 34rpx;
						    transform: translateY(-10rpx);
							// transform:  scale(0.98);
				    }
					50% {
						background-color: rgba(204, 160, 96, .8);
					    // box-shadow: rgba(204, 160, 96, 1) 0px 0rpx 20rpx;
						transform: translateY(0rpx);
						// transform:  scale(1);
					}
				    100% {
						
						background-color: rgba(204, 160, 96, 1);
				        // box-shadow: rgba(204, 160, 96, .9) 0px 0rpx 34rpx;
						transform: translateY(-10rpx);
						// transform:  scale(0.98);

				    }
				}

			}
			._active {
				background: #cca05f;
			}
		}
		
	
	
	
		.before {
			&::before {
				content: '*';
				color: red;
			}
		}
		
		
		
		.nullData{
			min-height: 400rpx;
			box-sizing: border-box;
			padding: 20rpx;
			box-sizing:border-box;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-content: center;			
			
			image{
				width: 150rpx;
				height: 150rpx;
			};
			text{
				width: 100%;
				text-align: center;
				margin-top: 20rpx;
				color: #999999;
			}
		}